.loginBox{
    height: 100vh;
    // background: url("/img/bg.jpg") no-repeat center center;
    position: relative;
    display: flex;
    >div{
        flex: 1;
    }
}
.left{
    position: relative;
    height: 100%;
}
.colorDiv,.text{
    width:300px;
    height: 200px;
    background: linear-gradient(to right, #6D64FD 10%,red);
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    filter: blur(60px);
}
.text{
    background: transparent;
    filter: blur(0px);
    z-index: 99;
    font-size: 20px;
    color: black;
}
.toRegister{
    position: absolute;
    bottom: 0;
    left: 0;
}
.right{
    position: relative;
    .rightLogin{
        position: absolute;
        left: 40%;
        top: 50%;
        width: 100%;
        transform: translate(-50%,-50%);
    }
}
@media screen and (max-width:800px) {
  .left{
    display: none;
  }
  .rightLogin{
    left: 50% !important;
  }
}
@media screen and (min-width:800px) {
  .left{
    display: block;
  }
}
.toRegister{
  font-size: 20px;
  color: black;
  margin-bottom: 20px;
}
